import React from "react";
import ReactDOM from "react-dom/client";
import "./index.css";
import App from "./App";
import reportWebVitals from "./reportWebVitals";
// 1. 只使用了mobx的方法：
import store from "./store";
import { configure } from "mobx";
import { Provider } from "mobx-react";
configure({
  useProxies: "never", //如果浏览器不支持Proxy时，要做降级的配置， 不使用proxy代理对象来做状态
  enforceActions: "always", // 始终需要通过action 来改变状态。
  computedRequiresReaction: true, // 禁止从动作或反应外部直接访问任何未观察到的计算值
});

const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(
  <React.StrictMode>
    {/* 使用Provider做一个数据的提供者 , store props名称，就是要注入到组件里面的props名称。*/}
    <Provider doctorStore={store}>
      <App />
    </Provider>
  </React.StrictMode>
);

// If you want to start measuring performance in your app, pass a function
// to log results (for example: reportWebVitals(console.log))
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
reportWebVitals();
